<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相册详情页</title>
    <!--    bootstrap-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!--    summernote-->
    <link href="/css/summernote.css" rel="stylesheet">
    <script src="/js/summernote.js"></script>

    <script src="js/vue/eui.js"></script>
</head>

<style>
</style>

<body>
    <!--导航栏-->
    <!-- Links -->
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">今日头条</a>
            </div>
            <div>
                <!--向右对齐-->
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            发布作品 <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">发布文章</a></li>
                            <li><a href="#">发布相册</a></li>
                            <li><a href="#">发布微动态</a></li>
                            <li><a href="#">发布问答</a></li>
                            <li><a href="#">发布视频</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="navbar-nav navbar-right">
                <p class="navbar-text ">滕老师</p>
            </div>

        </div>
    </nav>


    <div class="container">
        <!-- 相册信息 -->
        <div class="panel panel-success">
            <div class="panel-heading">
                <h2>{{相册标题}}</h2>
                <p>{{info}}张&nbsp;\&nbsp;{{拍摄地点}}&nbsp;\&nbsp;{{相册可见范围}}</p>

            </div>
            <div>

            </div>
            <div class="panel-body">
                {{相册简介}}
            </div>
        </div>

        <!-- 相册内容展示 -->
        <div class="row">
            <div class="col-sm-6 col-md-3" style="width: 150px;height: 150px">
                <a href="#" class="thumbnail">
                    <img src="img/bird.jpg" height="240" width="240"/>
                </a>
            </div>
            <div class="col-sm-6 col-md-3" style="width: 150px;height: 150px">
                <a href="#" class="thumbnail">
                    <img src="img/bird.jpg" height="240" width="240"/>
                </a>
            </div>
        </div>

        <!-- 编辑按钮 -->
        <div style="margin-left: 82%">
            <!-- 进入相册编辑页 -->
            <button type="button" class="btn btn-primary">
                编辑相册
            </button>
        </div>

    </div>

</body>
</html>